<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>店铺商品分类</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
</head>

<body>
    <div class="app-wrap" v-cloak id="goodsType_list">
        <header-top></header-top>
        <header-search-global type="首页"></header-search-global>
        <common-top-nav></common-top-nav>
        <div class="bg-gray">
            <div class="container userCenter clear">
                <leftnav></leftnav>
                <div class="user-content">
                    <ul class="tabs">
                        <li class="li-tab" v-for="(item,index) in tabsParam" @click="toggleTabs(index)" :class="{active:index!=nowIndex}"><span>{{item}}</span></li>
                    </ul>
                    <div class="divTab" v-show="nowIndex===0">
                        <form action="#" class="goodsType-form">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                            <div class="block">
                                <span class="demonstration">添加时间：</span>
                                <el-date-picker v-model="value1" type="date">
                                </el-date-picker>
                                 <span class="line">-</span>
                                <el-date-picker v-model="value2" align="right" type="date">
                                </el-date-picker>
                            </div>
                           <button class="search_btn">搜索</button>
                        </form>
                        <!-- <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
                            <el-table-column type="selection" width="55">
                            </el-table-column>
                            <el-table-column prop="id" label="序号" width="55">
                                <template slot-scope="scope">{{ scope.row.id }}</template>
                            </el-table-column>
                            <el-table-column prop="type" label="分类编号" width="110"></el-table-column>
                            <el-table-column prop="name" label="分类名称" width="110"></el-table-column>
                            <el-table-column prop="prev" label="上级分类" width="110"></el-table-column>
                            <el-table-column prop="title" label="备注" width="85"></el-table-column>
                            <el-table-column prop="date" label="添加时间" width="155"></el-table-column>
                            <el-table-column label="操作">
                                <template slot-scope="scope">
                                    <el-button type="text" size="small">添加下级分类</el-button>
                                    <el-button type="text" size="small">查看</el-button>
                                    <el-button type="text" size="small">修改</el-button>
                                    <el-button type="text" size="small">删除</el-button>
                                </template>
                            </el-table-column>
                        </el-table> -->
                    
                        <common-page :current="1" :all="100" @btn-click="listen"></common-page>
                    </div>
                    <div class="divTab" v-show="nowIndex===1">
                        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="110px" class="addType-form">
                            <div class="form-addType">
                                    <el-form-item label="商品分类名称：" prop="input">
                                        <el-input placeholder="请输入" v-model="ruleForm.input"></el-input>
                                    </el-form-item>
                                    <el-form-item label="上一级分类：" prop="select">
                                        <el-select v-model="ruleForm.select" placeholder="请选择">
                                            <el-option
                                                    v-for="item in options"
                                                    :key="item.id"
                                                    :label="item.name"
                                                    :value="item.id">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                    
                            </div>
                            <el-form-item label="备注：">
                                <el-input type="textarea" v-model="ruleForm.text"></el-input>
                                <span class="min">不能少于１０个字符</span>
                            </el-form-item>
                            <el-form-item>
                                <el-button @click = "setGoodsType">提交</el-button>
                                <el-button>返回列表</el-button>
                            </el-form-item>
                        </el-form>
                    </div>
                </div> 
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        goodsTypeCenter();
    </script>
</body>

</html>